<template>
	<view class="w-load-more">
		<tn-load-more :status="loadStatus" :loadText="loadText"></tn-load-more>
	</view>
</template>

	
<script>
	export default{
		data(){
			return{
				loadStatus: 'nomore',
				loadText: {
					loadmore: '下拉加载',
					loading: '加载中...',
					nomore: '暂时没有了哟~'
				},
			}
		},
		methods:{
			setLoading(){
				this.loadStatus = 'loading'
			},
			setNomore(){
				this.loadStatus = 'nomore'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.w-load-more{
		height: 70rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		/deep/.tn-load-more__line{
			display: none;
		}
	}
</style>